<style scoped lang="scss">

</style>

<template>
  <div>
    <labeL v-for="r in pval">
      <input type="checkbox" v-model="vaL" :value="r.value">{{r.label}}
    </labeL>
  </div>
</template>

<script>
export default {
  name: "Child4",
  props: {
    pval: {
      type: Array,
      default: ()=>[]
    },
    defVal: {
      type: Array,
      default: ()=>[]
    }
  },
  data() {
    return {
      vaL: this.defVal
    }
  },
  watch: {
    vaL(newVal) {
      this.$emit('input', this.vaL)
    }
  },
}
</script>
